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SYSTEMS AND METHODS FOR EDITING A WEB PAGE 
Field of the Invention 

5 This invention relates to electronic documents. In particular, this invention relates to 

editing electronic documents that remain group-editable. 

Background of the Invention 
The Internet makes it possible to make large quantities of information available to 
anyone with an intemet browser. By and large this transfer of information is one-way fi-om 
ip6 the author of a page to a group of intemet browser users who have access to the information 
"'"^ via a distributed network. Several systems are available that provide web page authors with 
M the means to edit the code, such as HTML, of a web page directly from a web browser. 

These systems present a page author with a single editing region from which all of the code, 
ry e.g., HTML, of the web page is accessible and editable. Upon completion of any edits, the 
k5 page author saves the updated page to, for example, a web server so that it can again be 
accessed by users. 

CO The "Sparrow" system described by Bay- Wei Chang in "In-Place Editing of Web 

n Pages: Sparrow Community-Shared Documents," which is incorporated herein by reference 

in its entirety, allows a shared web page to be modified or added to by any contributor. 
20 Specifically, the Sparrow system allows a user to contribute to a web page in ways the page 

author has defined. 

The universal nature of the world-wide web and the Intemet makes it a practical 
platform for collaboration. Intemet documents are accessible by a plurality of browsers, and 
browsers are commonly bundled on almost all computing platforms. However, the Intemet 

25 does not lend itself to use as a collaborative work environment in which web pages are 

subject to editing and updating by a plurality of users. Web pages are generally treated as 
published documents that are owned, edited and made available by the original author. 

The Sparrow system demonstrates that it possible to increase the information 
dissemination capabilities, by providing web pages that are not only viewable by many 

30 people, but can have their content modified by multiple people. However, while these web 
pages can have their content modified by multiple people without a knowledge of a computer 
language, creation and/or updating of the page that allows for the shared contributions can 
pose problems. 
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In the Sparrow system, a traditional HTML page can be made into a group-editable 
web page by adding several additional strings of HTML syntax, chiefly a set of templates and 
a set of data contributions or items. The templates describe what information contributions 
the page may contain, i.e., the number and kinds of data fields, and how those contributions 
will be formatted. An item is a single contribution, formatted according to the rules in one of 
the templates. Contributors add new contributions, or edit previous contributions, by filling 
in forms where these forms require no previous knowledge of HTML. With Sparrow, the 
page author can change the layout of such a page, or the format of its items, by reading the 
page into a text editor or HTML authoring tool and making edits to the overall page. 

SUMMARY OF THE INVENTION 

Group-editable web pages will appeal to the largest audience if they do not require 
leaming a formatting language, such as HTML or XTML, in order to make a contribution. 
Page authors will have the best chance of maintaining a group-editable web page if they 
retain some control over the content and layout of contributions. Page authors will also want 
to be able to update the page layout and format of contributions as they discover errors, 
receive feedback from users, develop new ideas, and the like. The systems and methods of 
this invention at least offer audiences and page authors these properties. 

However, a page author who wishes to modify the layout of a group-editable web 
page with the formatting of its contributions must take the web page off-line, read the entire 
page into a text editor or HTML authoring tool and use the editor or tool to change the overall 
page, the template, the data items, or some combination of these items. Upon completion of 
the page changes, the page author can save the page and make the updated version available 
from a web server, so that readers will again be able to view the web page. However, any 
contributions made to the page while the page author is modifying the page will either be lost 
or will need to be merged into the page manually once the page author is done with the 
modifications. Furthermore, if the page author makes changes to any templates, the page 
author will then need to update any items that depend on those templates, to ensure that the 
items remain consistent with the templates. Therefore, if there are a substantial number of 
items, this leads to a considerable amount of work. Similarly, if the page author makes 
changes to any items, the page author must make sure that the items remain consistent with 
the templates. As many parts of an HTML page look similar, it may take the page author a 
substantial amount of time to find the correct part of the page on which the changes are 
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needed by scrolling through the text editor or the HTML authoring tool. Again, this 
document can be very long if it contains many items. 

With previous web page authoring systems, the page author is presented with a single 
editable document from which all of the HTML of the page is accessible. The systems and 
5 methods of this invention realize that the code of a group-editable web page can be 

considered in several distinct parts, namely the items, the templates, and the remaining code 
that is not contributor editable. Furthermore, the systems and methods of this invention 
recognize that most changes that most page authors might wish to make to a web page can be 
made by modifying one of these parts of information at a time. For example, a page author 
1;| may want to change a template, then edit one or more items, and then, for example, make a 
J:4 small change to the code, such as the HTML of the web page that governs the page layout. 
bi Therefore, it is not necessary to display the contents of all parts of a web page at once. 

kO By displaying all parts of a web page to the page author for editing, the page author is 
Lr! required to scroll through the code of the page and locate the correct place within a web page 
1:5 at which the edit is to occur. The systems and methods of this invention can provide a user 
f\ \ interface that allows a page author to edit each of the three kinds of page elements, e.g., 
™ items, templates and formatting code, such as HTML, by suppressing or simplifying the 
U display of the page element(s) not requiring modification. Such selective editing targets a 

particular type of page element by using a dedicated user interface to access the element. 
20 The exemplary systems and methods of this invention provide tools for group editing 

of electronic documents. In particular, the tools allow for group editing of web pages. By 
parsing a web page and locating elements, such as items, templates, and formatting code, 
such as HTML, within a web page, a user is presented with a user interface that allows for 
editing of those elements. Furthermore, by performing a check, upon completion of editing 
25 of one or more elements within a web page, the updated web page is merged with the "live" 
version of the web page to incorporate any changes that may have also been made by other 
users. In this manner, the web page remains live, and changes made to the live group- 
editable page are not lost. 



30 apparent from the following detailed description of the embodiments. 

BRIEF DESCRIPTION OF THE DRAWINGS 

The embodiments of the invention will be described in detail, with reference to the 
following figures wherein: 



These and other features and advantages of this invention are described in or are 
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Fig. 1 is a screen shot illustrating an exemplary web page; 
Fig. 2 is a screen shot illustrating an exemplary web page; 
Fig. 3 is a screen shot illustrating an exemplary web page; 
Fig. 4 is a screen shot illustrating an exemplary web page; 
5 Fig. 5 is a functional block diagram illustrating an exemplary selective editing system 

according to this invention 

Fig. 6 is illustrating an exemplary web page, HTML code and item editing interface; 
Fig. 7 illustrates an exemplary HTML web page; 
..^ Fig. 8 is a screen shot illustrating exemplary user interfaces; 

^QlO Fig. 9 is a screen shot illustrating an exemplary web page; 

ij Fig. 10 is a screen shot illustrating an exemplary web page; 

Fig. 1 1 is a screen shot illustrating an exemplary web page; 
H Fig. 1 2 is a screen shot illustrating an exemplary user interfaces according to this 

invention; 

15 Fig. 13 is a flow chart outlining an exemplary method for editing a template according 

1.3 to this invention; and 

Q Fig. 14 is a flow chart outlining an exemplary method for editing a page according to 

'-^"^ this invention. 

20 DETAILED DESCRIPTION OF THE INVENTION 

Upon creation of a web page through the use of, for example, the "Sparrow" 
nomenclature, the systems and methods of this invention are capable of analyzing a web page 
and selecting portions of the web page corresponding to a user's editing selection, while 
suppressing unnecessary elements. Specifically, a page author selects an element, such as an 

25 item, template or the part of the code that defines the overall structure of a web page, such as 
the rest of the HTML. 

Fig. 1 illustrates an exemplary group-editable web page 10 which acts as a shared 
page for editing the content of a shared document. Specifically, by selecting a specific 
portion, such as the button 12 within the web page, a user can add a new item to "Section 

30 1." Alternatively, by selecting the "Add a new section" button 14, the user can add a new 
section to the document. By selecfing the " ► " button 16, the user can edit an already 
existing portion of the document. The above editing features allow users to edit the content 
of a shared web page. However, if a user, such as a page author, desires to edit, for example, 
the formatting of the sections, or the font of the comments within a section, an additional 
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interface needs to be present. The systems and method of this invention embed a "Control 
Panel" button 18 into the shared web page which allows, for example, a page author to access 
the formatting language of the web page to control the characteristics of the overall page as 
well as the organization of content within a web page, 
5 Exemplary group-editable web pages that can be used in conjunction with the systems 

and methods of this invention include, but are not limited to a sortable "to do" list, a meeting 
scheduler, event logger, talk announcements, project management, URL sharing, co- 
authoring documents, requesting comments, preparing and managing sign-up sheets, 
weighted voting, a group home page, or the like. 
O) Fig. 2 illustrates an exemplary group-editable web page 20. The group-editable web 

^ J page 20 includes several selectable portions 22-26. In this exemplary embodiment, the 
; ~ selectable portion 22 allows for editing items. The selectable portion 24 allows the user to 
^3 add a new item. The selectable portion 26 allows a user to edit the overall formatting and 
fy regulation of the web page 20. 

fl5 A user who desires to contribute to the page by adding a new item would, for 

f U example, click on the selectable portion 24. In response the user would receive a new page 
S 30 as illustrated in Fig. 3. The new page 30 looks similar to the original page, however, a 
Q blank dialog box 32 appears. The new page 30 can be, for example, automatically vertically 
centered such that the dialog box is visible in a browser window using, for example, a place 
20 holder identifier, such as an anchor tag. Thus, to add content, the user supplies the dialog box 
32 with the desired information and selects the "OK" button 34 upon completion of the 
additions. The information contained in the dialog box 32 is then merged with the original 
web page such that the new information is added, for example, adjacent to the selectable 
portion 24. 

25 Similarly, a user wishing to modify an existing item can click on the selectable 

portion 22. The selectable portion 22 is associated with a corresponding item. Again, upon 
selection of a selectable portion 22, a new web page 40, as illustrated in Fig. 4, is generated 
and forwarded to a user. The new web page 40 can look similar to the original page 20, 
except that the item to be edited can be replaced by a dialog box 42. Therefore, the dialog 

30 box 42 appears in the place of the item being edited. The additional buttons 44 can be 

included in the dialog box 42 that allows further editing of an item, such as, moving an item, 
deleting an item, indenting an item, adding a new item below the current item, or the like. 
Upon completion of the edits, a user selects the OK button 46, for example, with the click of 
a mouse, at which time the web page residing on the web server is updated. 
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For a user to edit the overall formatting of a page, an additional interface that allows 
access to the formatting code of a web page needs to be provided. For example, by selecting 
the "Control Panel" button 18, access to this interface is provided. 

Fig. 5 illustrates an exemplary selective editing system 100. The selective editing 
5 system 100 comprises an I/O interface 1 10, a memory 120, a controller 130, an element 
selection device 140, an item edit device 150, a template edit device 160, a page edit device 
170, a user interface determination device 180, a browser 190, a storage device 200 and a 
placeholder determination device 210, interconnected by links 5. The selective editing 
system 100 is also connected to at least one distributed network 220 which may or may not 
%P also be connected to one or more other distributed networks and web servers 230. 
%t Furthermore, the selective editing system 100 is connected to one or more input devices 240 
12 and display devices 250, 

While the exemplary embodiment illustrated in Fig. 1 shows the selective editing 
fU system 100 and associated components collocated, it is to be appreciated that the various 
ri.5 components of the selective editing system 100 can be located at distant portions of a 
[U distributed network, such as a local area network, a wide area network, an intranet and/or the 
fn internet or within a dedicated selective editing system. Thus, it should be appreciated that the 
5;2 components of the selective editing system 100 can be combined into one device or 

collocated on a particular node of a distributed network. As will be appreciated from the 
20 following description, and for reasons of computational efficiency, the components of the 

selective editing system can be arranged at any location within a distributed network without 
affecting the operations of the system. For example, the selective editing system 100 can be 
arranged with the browser 190, input device 240, display device 250 and associated 
controller, I/O interface and storage components on a personal computer, and the various 
25 editing systems, element selection device, user interface determination device, controller, 
memory, I/O interface and placeholder determination device located on, for example, a web 
server. 

Furthermore, the links 5 can be a wired or wireless link or any known or later 
developed element(s) that is capable of supplying and communicating electronic data to and 
30 from the connected element(s). Additionally, the input device 210 can be a keyboard, a 
mouse, speech to text converter, or the like. The display device 220 can be a computer 
monitor, a display on a PDA, or any other device capable of displaying information to one or 
more users. 
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In operation, a user, via input device 240, and with the cooperation of the I/O 
interface 110, the memory 120, the controller 130 and the browser 190, requests one or more 
web pages from web servers 230. In particular, a user can, for example, enter a URL which 
retrieves a specific web page from the web server 230. If the retrieved web page is group- 
5 editable, a user then has the option of editing one or more of the items, templates, or overall 
HTML associated with defining, for example, the layout and overall formatting of the web 
page. 

For example, if a user desires to edit an item within a web page, a user, via browser 
190 retrieves a web page from web server 230. Then, upon selection of an clickable portion 
S) of an item within the web page, via, for example, the input device 240, the placeholder 

determination device 210 forwards a temporary page to the browser containing an edit point 
identifier, such as an anchor tag, indicating where the item is located and a dialog box 
3 displaying the editable content of the item. A user can then, for example, with the 
fU cooperation of the input device 240 and the item element device 150 edit, modify, or add new 
[15 item information to the editable HTML form fields of the temporary page. Upon completion 
ru of all edits and/or updates, the item edit device 150, in cooperation with the I/O controller 
m 1 10, the memory 120, the controller 130 and link 5, updates the original web page on web 
% server 230 accounting for other edits and/or additions other users may have made. For 

example, the item edit device 150 determines if the web page on the server is locked. If the 
20 web page is locked, the item edit device 150 waits for the web page to be unlocked, locks the 
web page itself and reads the latest copy of the web page into memory. The element 
selection device 140 then locates the old item in the latest copy of the web page. The item 
edit device 150 deletes the old item and replaces it with the updated item. The web server is 
then updated with the new item and the web page unlocked so that any contributions stored in 
25 a queue while the web page was locked may be processed. 

Alternatively, if a user desires to edit one or more templates within a web page, a user 
initiates a template edit mode. As with the item edit mode, one or more web pages have been 
retrieved and displayed, for example on browser 190, and stored in storage device 200 or the 
memory 120, a cache (not shown), or the like. To edit a template, a user initiates the template 
30 edit mode of the template edit device 160. The template edit device 160, in cooperation with 
the element selection device 140, parses the web page to determine the one or more templates 
in use. Upon determination of the templates in use, the element selection device 140 also 
determines which items are associated with the one or more identified templates. Upon 
selection of all elements, and identification of the items associated with those elements, the 
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template edit device 160 creates and forwards a temporary web page to the browser 190 
which allows for editing of the template. Alternatively, in, for example, an administrative 
mode, all pages can be populated with the "Control Panel" button allowing a page author 
direct access to the various editing modes. A user then edits, for example, with the input 
5 device 240, the template. Upon completion of the edit, the template edit device 160 verifies 
the syntax of the template. If the syntax is acceptable, the updated template is temporarily 
stored. Otherwise the template edit device 160 generates a message for display on the display 
device 220 indicating that there is a syntax error. 

Next, the template edit device 160 determines if the web page is locked. If the web 
%!0 page is locked, for example by another user, the template edit device 160 waits for the web 
N page to unlock. Once the web page is unlocked, the template edit device 160 locks the web 
lI page and reads the latest copy of the web page into memory. Next, the element selection 

device 140 locates the old template in the latest copy of the web page. This old template is 
fU then deleted and replaced by the new template in the same location. The template edit device 
l15 160 then compares the new template with the original template. If field tags have been 

removed firom the edited template, a determination is made whether the data fields associated 
m with the deleted field(s) should be discarded. If the data fields are to be discarded, the 
S template edit device 160 deletes the data fields. However, if for example, a user did not 

previously select the "OK, delete fields enabled" button, the web page is unlocked and the 
20 user is requested to select a new template. 

The template edit device 160 then updates each item on the page associated with the 
edited template and temporarily saves the web page. The template edit device 160 updates 
the web server, unlocks the web page and processes any contribution that may have 
accumulated in the queue. 
25 Additionally, as previously discussed, a user can edit the overall characteristics, such 

as formatting characteristics, of the page in the page edit mode. Specifically, the page edit 
mode is initiated in response to a user request with the aid of the page edit device 170. As 
before, a user has requested a web page which is retrieved, for example, from the web server 
230 and displayed on the browser 190. Upon selection of the page edit mode, the page edit 
30 device 170, in cooperation with the element selection device 140 and the placeholder 

determination device 210 optionally prompts the user for an indication as to which items 
should be suppressed in the page edit mode. Specifically, the page edit device 170, in 
cooperation with user interface determination device 180, prepares a set of user interfaces 
querying the user as to whether the items should be suppressed, whether the white space 
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between items should be made editable by adding an HTML text area between items, and 
whether the template content should be suppressed. Upon a user selecting one or more 
suppression and/or make editable techniques, the page edit device 170 in cooperation with the 
element selection device 140 and the placeholder determination device 210 parses the web 
page and replaces the suppressed items with placeholder identifications in a temporary page. 
Next, the element selection device 140 selects the non-placeholder information, defining, for 
example, the global characteristics of the web page. The user interface determination device 
180, in cooperation with the page edit device 170, then assembles a page edit user interface 
having an edit area defined for each non-placeholder portion. A user is then allowed to 
perform edits on this remaining HTML. Upon completion of the page edits, the page edit 
device 170 determines if the web page is locked. If the web page is locked, the page edit 
device 170 waits until it is unlocked. Once unlocked, the page edit device 170 locks the web 
page and reads the latest copy of the web page into memory. Next, the old non-placeholder 
portions are located by the element selection device 140. The page edit device 170 then 
deletes the old non-placeholder portions and replaces them with the updated non-placeholder 
portions. Each item associated with the updated non-placeholder portions are then updated 
and the web page saved to a temporary file. The web server is then updated, the web page 
unlocked and any contributions made by other users within the queue processed. 

The systems and methods of this invention allow the content of a single template to be 
visible and editable, while continuing to display the original page. Then, once a page author 
has finished editing the template, the new template is stored in the original file that 
constitutes the web page and all data items based on that template are updated to be 
consistent with the updated template. To illustrate the operation of a template, Fig 6 outlines 
the correlation between a template and item information. 

Specifically, Fig. 6 illustrates an exemplary portion of a web page 60 with two 
contributor's items 63 and 65 and associated template definition 62 and an edit item dialog 
box 64 for the second contributor item 65. The exemplary template definition 62 includes a 
special instruction portion 66 that directs the system to provide buttons in the edit template 
dialog box 64 for sorting, moving, deleting, or the like. A formatting portion 68 of the 
template definition 62 defines the formatting of the items illustrated in the web page 60, 
including standard HTML plus the <FIELD> tags that identify the various contributor 
editable data fields of the items. The portions 67 and 69 define how an item appears as 
HTML, and shows the item fields beginning with the sign and ending with the sign. 
Thus, the selective editing system identifies the parts contributed by a user and the names of 
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the fields need not be repeated in each item since the order of fields in the item corresponds 
to the order in the template. 

Fig. 7 illustrates an exemplary web page broken down into its respective elements, or 
element identifiers. Specifically, the web page includes a head portion 70 comprising 
5 identifiers for two templates 72. Additionally, the web page contains a body portion 74 

comprising a form identifier that calls a CGI script that allows for group-editing of the page, 
item identifiers 78, and a button definition section 79 that allows, for example, adding of a to- 
do list element in this exemplary embodiment. Knowing this overall structure of a page, the 
selective editing system 100 is able to identify the various components of a web page, and 
"do then selectively display portions for editing. However, it is to be appreciated that while the 
'--J exemplary embodiments have been described in relation to HTML and web pages, the 

S - • 

lI systems and methods of this invention can be applied to any electronic document or computer 
language comprising identifiable portions that can be selected for editing, such as, the HTML 
rU family of languages, XML, or the Uke, and that has the capability of having textual comments 
1.^15 included in the source that are invisible to the reader of the document. 

^^f Fig. 8 illustrates exemplary portions of user interfaces 80-84 that can be displayed on 

CO display device 220 during editing of a template. In particular, as previously discussed, a 
S group-editable web page 80 can include a control panel button 86. This Control Panel button 
86 can be always present, present in an administrative type mode, or can be added by the user 
20 interface determination device 180 upon a user indicating through some other means that 
editing of a template is desired. Upon selection of the control panel button 86, the control 
panel user interface 82 is determined by the user interface determination device 180 in 
cooperation with the element selection device 140 and displayed. The control panel user 
interface 86 allows a user to edit the template within the web page. Note that in this 
25 exemplary embodiment, the information pertaining to the specific items in the overall page 
HTML are present above and below the control panel 82 but have been omitted to conserve 
space. 

Specifically, upon selecting the control panel button 86, the template edit device 160 
determines a new HTML page that is forwarded to the browser 190. The new page looks 
30 similar to the original page except that an additional dialog box, the control panel 82, replaces 
the control panel button 86. The control panel 82 Usts the names of all the templates 88 that 
are currently in use in the web page. In this example, there are three templates 88 named 
"title," "intro" and "prioritized task." For each template 88, the control panel 82 optionally 
also displays the number of items that are based on that template. Therefore, to edit a 
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particular template, a user selects, for example, with the click of a mouse, the "Edit" button 
90 adjacent to the name of that template. Upon selection of the edit button 90, the template 
edit device 160 responds by determining another web page for forwarding to the browser 
190. This new web page no longer displays the control panel 82, but instead displays a page 
5 that looks exactly like the original web page except that a new dialog box is inserted within 
the page to be used for editing the template. This new dialog box is referred to as the 
template editing dialog box 84 and includes a code area 92 containing the actual HTML code 
of the template, and, for example, "OK," "Cancel," and "OK, delete fields enabled" buttons 
94-98 that allow for accepting edits without deletion of fields, canceling edits and accepting 
Ift) of edits that include deletion of fields, respectively. 

^ij The first part of the template consists of a <SP ARROW. . .> tag. The attributes of this 

J;^ tag are parameters that define what operations will be provided in the item editing dialog box 

^^0 that will appear when the user edits an item based on this template. In this illustrative 

rn example, the page author specifies that the title "Prioritized Task" will appear at the top of 

'15 such an item edit dialog box. The BUTTONS attribute Hsts those buttons that will be 

fU provided at the bottom of an item editing dialog box. In this illustrative example, buttons for 

m adding another item after this item, deleting this item, moving this item up or down in the 

™ item order, or indenting this item are provided. 

The second part of the template is a string of code, such as HTML, describing how an 
20 item based on this template will appear. In addition to the normal set of HTML tags, this 
string may also include the <FIELD> tag. Each field tag represents an element of 
information that will be provided by the user when an item based on this template is added to 
the page. The TYPE attribute of the field tag regulates, for example, the type of information 
that a user will be asked to provide, the type of form elements a user will be given to provide 
25 this information, such as type-in fields, text areas, pull-down menus, check boxes, or the like, 
and how the information will be formatted once the item has been added. 

Thus, the page author can edit either or both of the two separate parts of this template. 
Once the page author has completed editing, the page author presses the OK button 94. The 
template editing device 160 then examines the new template to make sure it obeys the syntax 
30 for templates. If the syntax is acceptable, the new template is written to a temporary file. 
Then, the template edit device 160 updates all the items on the page that are based on the 
revised template. However, if one or more <FIELD> tags are missing fi-om the revised 
template that were present in the original template, the template editing device 160 will not 
immediately update all the items to reflect the new template. Instead, the template editing 
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device 160 will prompt the user to confirm that it is acceptable to discard any information 
stored in the items that belong to the deleted template field. If the user confirms that this loss 
of information is intended, the items will be deleted. To expedite this procedure, the user 
may cHck on the button 98 to save a new template and update all related items, in a case 
5 where the user does intend for data to be lost. 

For example, the template illustrated in user interface 84 can generate exemplary 
items Hke those illustrated in Figs. 9-11. Specifically, Fig. 9 illustrates an exemplary group- 
editable web page with three items based on the template illustrated in user interface 84. 
However, if, for example, the template 92 is edited, by adding bold tags before and after the 
HO field tag with the name "description," a revised group-editable web page will be displayed as 
'si illustrated in Fig. 10. Furthermore, it is also possible to change the order of the user-supphed 
I'jf data in each item. For example, if a page author edits the "prioritized_task" template 92 by 
^3 swapping the position of the field tag with the name "people" and the position of the field tag 
fU with the name "description" the template edit device 160 will reorder these fields and all the 
rj5 corresponding items in the page. A result will be a group-editable web page as illustrated in 
[y Fig. 11. 

m Additionally, the template edit device 160 is able to swap the contents of the data 

;;S fields even though template edit device 160 does not include the names of these fields in the 
contributed items on the page. This is possible because, at the moment that the user selects 

20 the "OK" button, the template edit device 160 has access to both the old and new version of 
the template. Comparing them, the template edit device 160 can see that the order of some of 
the data fields has changed in the template and then the template edit device 160 can update 
all the items based on that template accordingly. If the page author were editing this template 
manually, the page author would also have to manually swap the data in all of the associated 

25 items which could potentially be a very time consuming process. 

In addition to the above, the page author can also add new fields to a template. In this 
case, all existing items based on that template on the page will receive default data for the 
newly added data field. Furthermore, the template editing device 160 allows for a renaming 
of fields, renaming of templates, or the like. 

30 In an exemplary embodiment, the selective editing system 100 uses a CGI script to 

implement the above methods. This CGI script uses the same file locking and waiting 
strategy for both kinds of editing. Thus, it is possible for the page author to modify an item 
template at the same time that the contributor is adding or editing items to a page. Thus, web 
pages that use the template editing technique described in accordance with the exemplary 
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systems and methods of this invention can remain "hve" to contributors, even while item 
templates or the overall HTML is being modified or updated. 

The page edit device 170 allows a page author to edit the HTML that provides or 
governs the overall structure or characteristics of a page, including the contents of the HEAD 
5 tag, such as a title of a page, the FORM tag, the BODY tag, which includes, for example, 
background color, any TABLE tags used to position group-editable items on a page, or the 
like. 

As with the template editing mode, the page editing mode selectively displays the 
HTML portions of the page to facilitate editing and/or updating. Therefore, the page edit 
''i;0 device 170 divides the web page into separate-identifiable smaller HTML strings and 
'^J displays each of the strings in its own scrollable editing area. Thus, once a page author has 
il identified the correct editing area, very little scrolling or navigation will be needed. 
r: Furthermore, the page editing device 170 parses a page in such a way that breaks are made at 
ru natural points in the HTML coding. For example, in an exemplary embodiment, the HTML 
Li 5 corresponding to the group-editable templates and the group-editable items is not provided in 
!i: the HTML editing area. Instead element identifiers are substituted for these portions. As a 
CO set of group-editable items usually comprises most of the HTML content of a group-editable 
f 5 page, suppressing the items greatly reduces the amount of HTML in which a page author 
must search to perform edits to the overall page defining HTML. To achieve this, small 
20 strings of text, or identifiers, that act as place holders for the group-editable templates and the 
group-editable items are included in the edit main page user interface as "signs" to help guide 
the page author to the correct editing area. Furthermore, to facilitate easier editing, the page 
editing device 170, in cooperation with the user interface determination 180, can, for 
example, size each of the text areas corresponding to the overall structure HTML such that 
25 the text areas are large enough to display all of the HTML content with little or no scrolling. 
For example, in Fig. 12 editing area 2 is taller than editing area 1, and much taller than 
editing area 3. Using this approach, a page author can quickly find the correct place in the 
HTML to make a change. 

For example, in the page edit mode, a page author could use the control panel 300 as 
30 illustrated in Fig. 12. However, in this instance, the page author would click on the "edit 
main page" button 310. If this is done for the exemplary group-editable web page, the edit 
main page user interface 320 is displayed. 

In this particular example, the edit main page user interface 320 has five editing areas, 
numbered 1-3 (editing areas 4-5 are not shown). Editing area 1 contains the HTML, HEAD, 
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MET A, and TITLE tags of the page. Following editing area 1, text that acts as place holders 
330 for three group-editable templates is shown. Then, editing area 2 contains the END 
HEAD, BODY and FORM tags, along with other tags used to format the page. Following 
editing area 2, a place holder 340 for an item based on the "title" template is present. Editing 
5 area 3 contains various tags to end one row of the table and begin a new one. Following 
editing area 3 is a place holder 350 for an item based on the "intro" template where, for 
example, an introductory paragraph will be placed on the actual web pages seen by a user in a 
browser. 

Fig. 13 outlines a flowchart outlining an exemplary embodiment for editing templates. 
□0 In particular, control begins in SI 00 and continues to SI 10. In SI 10, the template edit mode 
si is initiated. Next, in SI 20, the templates currently in use are determined. Then, in SI 30, the 
^ items associated with the templates are determined and counted. Control then continues to 
is SI 40. 

In S140, a template is selected. Then, in SI 50, a determination is made whether the 
"15 template is to be edited. If the template is to be edited, control continues to SI 60. Otherwise, 
fU control jumps to S360 where the control sequence ends. 

'li In SI 60, a new web page is forwarded to the browser of the user including a template 

O editing dialog box for the selected template. Next, in SI 70, the template is edited in the 
browser by the user. Upon completion, the edited template is sent to the template editing 
20 device, foe example, using the HTTP post method. Then, in SI 80, the syntax of the template 
is verified. Control then continues to SI 90. 

In SI 90, a determination is made whether the syntax is acceptable. If the syntax is 
acceptable, control jumps to S210. Otherwise, control continues to S200 where the user is 
notified of the syntax error. Control then continues back to SI 70. 
25 In S210, a determination is made whether the web page is locked. If the web page is 

locked, control continues to S220. Otherwise, control continues to S230. In S220 the system 
waits for the web page to unlock. Control then continues to S230. 

In S230, the web page is locked for the exclusive use of the editing process. Then, in 
S240, the latest copy of the web page is read into memory. Control then continues to S250. 
30 In S250, the old template in the latest copy of the stored web page is located. Next, in 

S260, the old template is deleted. Then, in S270, the new template is inserted in the same 
location as the old template. Control then continues to S280. 

In S280, a determination is made whether a field tag has been removed. If a field tag 
has not been removed, control jumps to S320. Otherwise, control continues to S290, 
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In S290, a determination is made whether the data associated with a deleted field is to 
be discarded. If the data is to be discarded, control continues to S320. Otherwise, control 
jumps to S300. In S300, the web page is unlocked. Control then continues to S3 10 where 
control return to SI 40. 

5 In S320, each item within the web page associated with the edited template is 

updated. Next, in S330, the web page is temporarily saved. Then, in S340, the web server is 
updated by placing the new version of the web page OHythe server which can then be accessed 
by users. Control then continues to S350. 

In S350, the web page is unlocked and any user contributions that may have 
Co 10 accumulated in the queue while the web page was locked are processed. Note that the web 
page will generally only be locked for a short period of time. Control then continues to S360 
H where the control sequence ends. 

lI Fig. 14 is a flowchart outlining an exemplary embodiment for editing a page. In 

particular, control begins in S400 and continues to S410. In S410 the page edit mode is 
M 15 initiated. Next, in S420, a determination is made whether to suppress items. If items are to 
f5 be suppressed, control continues to S430. Otherwise, control jumps to S440. In S430 the 

items are replaced with place holders and control continues to S440. However, the full 
P formatted items could optionally be displayed. 

In S440, a determination is made to enable inter-item editing. If inter-item editing is 
20 selected, control continues to S450. Otherwise, control continues to S460. In S450, an edit 
area is inserted between adjacent contributor editable items. Control then continues to S460. 

In S460, a determination is made whether to suppress template content. . If template 
content is to be suppressed, control continues to S470. Otherwise, control jumps to S380. In 
S470, the to be suppressed template content is replaced with place holders and control 
25 continues to S480. 

In S480, the remaining non-placeholder portions are identified. Next, in S490, an edit 
area for each non-placeholder portion is defined. Then, in S500, the page edit user interface 
is determined. Control then continues to S510. 

In S510, the web page is sent to the browser. Next, in S520 the edits are received by 
30 the page edit device, via, for example, the HTTP post method. Then, in S530, a 
determination is made whether the web page is locked. If the web page is locked, control 
continues to S540. Otherwise, control jumps to S550. 

In S540, the system waits for the web page to be unlocked. Control then continues to 

S550. 
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In S550, the web page is locked. Next, in S560, the latest copy of the web page is 
read into memory. Control then continues to S570. 

In S570, the old non-placeholder portions in the latest copy of the web page are 
located, where the portions are, for example, contiguous strings containing no placeholders. 
5 Next, in S580, the old non-placeholder portions are deleted. Then, in S590, the updated non- 
placeholder portion is inserted in the same location as the old non-placeholder portion. 
Control then continues to S600. 

In S600, a determination is made whether a template has been edited. If a template 
has been edited control continues to S610. Otherwise control jumps to S620, In S610, the 

r|0 items corresponding to the edited template are updqjed. Control then continues to S620. 

;i In S620, the web page is saved to a temporary file. Then, in S630, the web page on 

W the web server is updated with the edited page. Next, in S640, the web page is unlocked and 
any user contributions that may have accumulated in the queue while the web page was 
locked are processed. Control then continues to S650 where the control sequence ends. 

=15 As shown in FIG. 5, the selective editing device can be implemented either on a 

rU single program general purpose computer, or a separate program general purpose computer. 

y However, the selective editing device can also be implemented on a special purpose 

C3 computer, a programmed microprocessor or microcontroller and peripheral integrated circuit 
element, an ASIC or other integrated circuit, a digital signal processor, a hardwired electronic 

20 or logic circuit such as a discrete element circuit, a programmable logic device such as a 
PLD, PLA, FPGA, PAL, or the like. In general, any device capable of implementing a finite 
state machine that in tum is capable of implementing the flowcharts illustrated in FIGS. 13- 
14 can be used to implement the selective editing device according to this invention. 

Furthermore, the disclosed method may be readily implemented in software using 

25 object or object-oriented software development environments that provide portable source 
code that can be used on a variety of computer or workstation hardware platforms. 
Altematively, the disclosed selective editing device may be implemented partially or fiiUy in 
hardware using standard logic circuits or VLSI design. Whether software or hardware is used 
to implement the systems in accordance with this invention is dependent on the speed and/or 

30 efficiency requirements of the system, the particular fiinction, and the particular software or 
hardware systems or microprocessor or micro computer systems being utilized. The selective 
editing systems and methods illustrated herein however, can be readily implemented in 
hardware and/or software using any known or later-developed systems or structures, devices 
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and/or software by those of ordinary skill in the applicable art from the functional description 
provided herein and with a general basic knowledge of the computer arts. 

Moreover, the disclosed methods may be readily implemented as software executed 
on a programmed general purpose computer, a special purpose computer, a microprocessor, 
5 or the like. In these instances, the methods and systems of this invention can be implemented 
as a program embedded on a personal computer such as a Java® or CGI script, servlet, as a 
resource residing on a server or graphics workstation, as a routine embedded in a dedicated 
selective editing device, a web browser, an electronic message enabled cellular telephone, a 
PDA, a web server, or the like. The selective editing device can also be implemented by 
Qo physically incorporating the system method into a software and/or hardware system, such as 
^^If the hardware and software systems of a graphics workstation or dedicated web page 
12 editing/authoring system. 

^.y It is, therefore, apparent that there has been provided, in accordance with the present 

fU invention, systems and methods for editing web pages. While this invention has been 

115 described in conjunction with a number of embodiments, it is evident that many alternatives, 

rU modifications and variations would be or are apparent to those of ordinary skill in the 

S applicable arts. Accordingly, it is intended to embrace all such altematives, modifications, 

^f' equivalents and variations that are within the spirit and scope of this invention. 
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